let Url = location.href;
console.log(Url);
console.log(Url.split("?")[1]);

let categoryid = Url.split("?")[1].split("=")[1];
//列表展示分类名称
$.get(
  "http://chst.vip:1234/api/getcategorybyid",
  {
    categoryid,
  },

  (res) => {
    console.log(res);
    $(res.result).each((i, item) => {
      let html = "";
      //   console.log(item.category);
      html = `首页>全部>${item.category}`;
      $(".contentbottom").text(html);
    });
  },
  "json"
);
//定义全局变量num = 1
let num = 1;

//封装函数 XUANRAN 页码是变量 其他都是一样的
function XUANRAN(NUM) {
  $.get(
    "http://chst.vip:1234/api/getproductlist",
    {
      categoryid,
      pageid: NUM,
    },

    (res) => {
      console.log(res);
      let page = Math.ceil(res.totalCount / res.pagesize);
      if (NUM > page) return;
      //.......................下拉框的的渲染...................
      //   console.log(res.pagesize);
      //   console.log(res.totalCount);

      //   console.log(page);
      let select = "";
      for (let i = 1; i <= page; i++) {
        select += `<option>${i}/${page}</option>`;
      }

      $(".contentfoot select").html(select);
      $(".contentfoot select").val(`${NUM}/${page}`);
      num = NUM;
      //.......................产品的渲染...................
      let html = " ";
      $(res.result).each(function (i, item) {
        html += `<li productId=${item.productId}  productName=${item.productName}  > ${item.productImg}
                              <div>
                              <h3>${item.productName}</h3>
                              <h4>${item.productPrice}</h4>
                              <h5>
                                  <span> ${item.productQuote}</span>
                                  <span> ${item.productCom}</span>
                              </h5>
      
                              </div>
                          </li>`;
        // console.log(item);
        // console.log(item.categoryId);

        $(".contenttop").html(html);
      });
      $(".contenttop").html(html);
    },
    "json"
  );
}

//列表展示分类产品   调用封装渲染函数  第一次传入值是1 （第一页）
XUANRAN(num);

//列表展示分类产品 上一页功能实现
$(".contentfoot").on("click", ".prve", function () {
  num--;
  if (num <= 1) {
    num = 1;
  }
  XUANRAN(num);
});
//列表展示分类产品 下一页功能实现
$(".contentfoot").on("click", ".next", function () {
  num++;
  if (num <= 1) {
    num = 1;
  }

  XUANRAN(num);
});

//列表展示分类产品 下拉框功能实现

// console.log($(".contentfoot"));
// $(".contentfoot").on("change", "select", function () {
//   console.log($("select"));
// });

$(".selectpage").change(() => {
  let selectval = $(".selectpage").val();
  console.log(selectval);
  let page = selectval.split("/")[0];
  console.log(page);
  //获取下拉的值
  //   console.log($(".selectpage:first").val());
  XUANRAN(page);
});

//.......................2.6.1、获取商品详情...................
$(".contenttop").on("click", "li", function () {
  // console.log($(this).attr("productId"));
  let productName = $(this).attr("productName");
  let productId = $(this).attr("productId");
  console.log(productName, productId);
  location.href = `./productlist.html?productId=${productId}&productName=${productName}`;
});
